<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,user-scalabel=0">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>唐氏传媒首页</title>

    <!-- Bootstrap -->
    <link rel="shortcut icon" href="favicon.ico" />
    <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css" />
    <link href="css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" href="css/default.css" />
    <link rel="stylesheet" href="css/styles.css" />
    <link rel="stylesheet" href="css/public.css" />
		<link rel="stylesheet" href="css/index.css" />
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
  <!--	pc端头部-->
    <div class="header hidden-xs">
    	<div class="container">
    		<div class="row">
    			<div class="col-lg-12">
    				<!--<div class="logoImg">
			    		<a href="index.html"><img src="img/EA.png" alt="错误"/></a>	
			    	</div>-->
			    	<div class="row">
			    		<div class="col-lg-6 col-md-7 col-sm-8">
			    			<ul class="navUl">
					    		<li><a href="index.html"><img src="img/EA.png" alt="错误"/></a>	</li>
					    		<li><a href="index.html">首页</a></li>
					    		<li><a href="../tangshiMedia/htmls/caseTwo.html">案例</a></li>
					    		<li><a href="../tangshiMedia/htmls/serverTwo.html">服务</a></li>
					    		<li><a href="../tangshiMedia/htmls/advantage.html">优势</a></li>
					    		<li><a href="../tangshiMedia/htmls/teamwork.html">合作</a></li>
					    		<li><a href="../tangshiMedia/htmls/aboutTwo.html">关于</a></li>
					    	</ul>
			    		</div>
			    		<div class="col-lg-4 col-md-4 col-sm-4 pull-right patop">
			    			
				    			<div class="sBox">
						    		<input type="text" name="sInput" class="sInput" value=""/>
						    		<i></i>
						    	</div>
					    	
			    		</div>
			    	</div>
    			</div>
    		</div>
    	</div>
    </div>
    <!--手机端头部-->
    <div class="header2 visible-xs">
			<div class="nav">
			  <button class="btn-nav">
				<span class="icon-bar top"></span>
				<span class="icon-bar middle"></span>
				<span class="icon-bar bottom"></span>
			  </button>
			</div>
			<div class="nav-content hideNav hidden">
			  <ul class="nav-list">
					<li class="nav-item"><a href="index.html" class="item-anchor">首页</a></li>
					<li class="nav-item"><a href="../tangshiMedia/htmls/caseTwo.html" class="item-anchor">案例</a></li>
					<li class="nav-item"><a href="../tangshiMedia/htmls/serverTwo.html" class="item-anchor">服务</a></li>
					<li class="nav-item"><a href="../tangshiMedia/htmls/advantage.html" class="item-anchor">优势</a></li>
					<li class="nav-item"><a href="../tangshiMedia/htmls/teamwork.html" class="item-anchor">合作</a></li>
					<li class="nav-item"><a href="../tangshiMedia/htmls/aboutTwo.html" class="item-anchor">关于</a></li>
			  </ul>
			</div>
			<div class="sBox phoneHead">
    		<input type="text" name="sInput" class="sInput" value="" />
    		<i></i>
    	</div>
		</div>
		<!--头部结束-->
	<div class="bannerBox">
		<div class="carousel slide" id="carousel-842608">
			<ol class="carousel-indicators jiaodian">
				<li class="active" data-slide-to="0" data-target="#carousel-842608">
				</li>
				<li data-slide-to="1" data-target="#carousel-842608">
				</li>
				<li data-slide-to="2" data-target="#carousel-842608">
				</li>
			</ol>
			<div class="carousel-inner">
				<div class="item active">
					<p class="bText">让我们创造一些美丽的东西吧</p>
					<img alt="" src="img/banner1.png" class="img-responsive" />
				</div>
				<div class="item">
					<p class="bText">让我们创造一些美丽的东西吧</p>
					<img alt="" src="img/banner1.png" class="img-responsive" />
				</div>
				<div class="item">
					<p class="bText">让我们创造一些美丽的东西吧</p>
					<img alt="" src="img/banner1.png" class="img-responsive" />
				</div>
			</div> 
			<a class="left carousel-control " href="#carousel-842608" data-slide="prev">
				<span class="glyphicon glyphicon-chevron-left"></span>
			</a>
			<a class="right carousel-control " href="#carousel-842608" data-slide="next">
				<span class="glyphicon glyphicon-chevron-right"></span>
			</a>
		</div>
	</div>			
	<div class="caseBox">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<p class="anli">案例展示  <em>/CASE</em></p>
					<p class="show">这里有各行各业的网站案例供您欣赏，我们致力于为客户设计最好的设计、做牛的功能，让您的网站达到最理想的体验效果</p>
					<div class="showBox">
						<ul>
							<li class="li1">
								<img src="img/show1.jpg" alt="错误" class="img-responsive"/>
								<a href="javascript:;" class="showLink">重庆园林绿化工程有限公司</a>
								<span class="showText">Hits:53 Date：2016-5-5 拷贝</span>
							</li>
							<li class="li2">
								<img src="img/show1.jpg" alt="错误" class="img-responsive"/>
								<a href="javascript:;" class="showLink">重庆园林绿化工程有限公司</a>
								<span class="showText">Hits:53 Date：2016-5-5 拷贝</span>
							</li>
							<li class="li3">
								<img src="img/show3.jpg" alt="错误" class="img-responsive"/>
								<a href="javascript:;" class="showLink">重庆园林绿化工程有限公司</a>
								<span class="showText">Hits:53 Date：2016-5-5 拷贝</span>
							</li>
							<li class="li4">
								<img src="img/show4.jpg" alt="错误" class="img-responsive"/>
								<a href="javascript:;" class="showLink">重庆园林绿化工程有限公司</a>
								<span class="showText">Hits:53 Date：2016-5-5 拷贝</span>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="ourService">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<p class="ourText">我们的服务<em>/OUR SERVIC</em></p>
					<p class="ourContent">站在互联网时代的高速路上，我们为更多成长中企业提供从管理、传播、市场营销到电子商务等一系列高效服务</p>
					<div class="serviceBox">
						<img src="img/Service1.jpg" alt="错误" class="img-responsive"/>
						<p class="safety">公共网络安全</p>
						<p class="safetyText">防火墙安全丶防病毒安全丶服务器安全丶传输安全丶数据安全丶企业安全制度丶全国认证等......</p>
						<p class="ourLink"><a href="javascript:;">了解详情</a></p>
					</div>
					<div class="serviceBox">
						<img src="img/Service2.jpg" alt="错误" class="img-responsive"/>
						<p class="safety">网站建议</p>
						<p class="safetyText">政府政务网站丶企业网站丶门户网站丶电商平台丶手机网站丶FLASH/HTML5站等......</p>
						<p class="ourLink"><a href="javascript:;">了解详情</a></p>
					</div>
					<div class="serviceBox">
						<img src="img/Service3.jpg" alt="错误" class="img-responsive"/>
						<p class="safety">公共网络安全</p>
						<p class="safetyText">定制开发各类OAD丶CRM丶ERP，智慧旅游丶物联网丶各类数据库管理系统等......</p>
						<p class="ourLink"><a href="javascript:;">了解详情</a></p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="ourAdvantage">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<p class="myAdvantage">我们的优势 <em> OUR ADVANTAGE</em></p>
					<div class="youshi">
						<ul>
							<li>
								<div class="ys">
									<p class="fys">+</p>
									<p class="sys">7</p>
								</div>          
								<div class="ys1">
									<p>7年建站经验</p>
									<p>7X24小时专业服务</p>
									<p>7步高效流程</p>
								</div>
							</li>
							<li>            
								<div class="ys text20">
									<p class="fys">+</p>
									<p class="sys">20</p>
								</div>          
								<div class="ys1 text201">
									<p>20+活力团队</p>
									<p>20%+回头客</p>
									<p>20+集团及高校信赖</p>
								</div>
							</li>
							<li>
								<div class="ys text100">
									<p class="fys">%</p>
									<p class="sys">100</p>
								</div>            
								<div class="ys1">
									<p>100%真实案例</p>
									<p>100%原创设计</p>
									<p>100%用心服务</p>
								</div>
							</li>
							<li>
								<div class="ys text1000">
									<p class="fys">+</p>
									<p class="sys">1000</p>
								</div>          
								<div class="ys1">
									<p>1234+企业选择</p>
									<p>1234+报价方案 </p>
									<p>1234+网站效果 </p>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="hezuo">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<p class="hezuoText">合作企业<em>/COOPERATIVE ENTERPRISE</em></p>
					<ul class="qiyeImg">
						<li>
							<a href="javascript:;"><img src="img/qiye1.jpg" alt="错误" class="img-responsive"/></a>
							<a href="javascript:;"><img src="img/qiye6.jpg" alt="错误" class="img-responsive"/></a>
						</li>
						<li>
							<a href="javascript:;"><img src="img/qiye2.jpg" alt="错误" class="img-responsive"/></a>
							<a href="javascript:;"><img src="img/qiye7.jpg" alt="错误" class="img-responsive"/></a>
						</li>
						<li>
							<a href="javascript:;"><img src="img/qiye3.jpg" alt="错误" class="img-responsive"/></a>
							<a href="javascript:;"><img src="img/qiye8.jpg" alt="错误" class="img-responsive"/></a>
						</li>
						<li>
							<a href="javascript:;"><img src="img/qiye4.jpg" alt="错误" class="img-responsive"/></a>
							<a href="javascript:;"><img src="img/qiye9.jpg" alt="错误" class="img-responsive"/></a>
						</li>
						<li>
							<a href="javascript:;"><img src="img/qiye5.jpg" alt="错误" class="img-responsive"/></a>
							<a href="javascript:;"><img src="img/qiye10.jpg" alt="错误" class="img-responsive"/></a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="aboutCompany">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<p class="aboutP">关于公司<em>/ON CORPORATE</em></p>
					<div class="aboutText">
						<div class="aboutUs">
							<span>产品与服务</span>     
							<a href="javascript:;">互联网广告DSP</a>
							<a href="javascript:;">网站建设 </a>
							<a href="javascript:;">SEO优化推广</a>
							<a href="javascript:;">软件开发</a>
							<a href="javascript:;">公共网络安全</a>
						</div>
						<div class="aboutUs">
							<span>案例中心</span>      
							<a href="javascript:;">广告传媒</a>
							<a href="javascript:;">金融服务</a>
							<a href="javascript:;">地产建筑</a>
							<a href="javascript:;">车辆物流</a>
							<a href="javascript:;">机械电器</a>
						</div>
						<div class="aboutUs">
							<span>新闻动态</span>   
							<a href="javascript:;">公司新闻 </a>
							<a href="javascript:;">行业新闻</a>
							<a href="javascript:;">建站知识</a>
						</div>
						<div class="aboutUs">
							<span>关于我们</span>   
							<a href="javascript:;">公司简介</a>
							<a href="javascript:;">网站套餐</a>
						</div>
						<div class="aboutUs">
							<span>联系我们</span>   
							<a href="javascript:;">联系我们</a>
							<a href="javascript:;">电子地图</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--pc端底部-->
	<div class="footer hidden-xs">
		<div class="container">
			<div class="row">
				<div class="col-lg-12 text-center">
					<span>官方电话：023-154614</span>
					<span>版权所有：重庆市唐氏传媒科技有限公司  CHONGQINGSHITANGSHIJIADIANKEJIYOUXIAN</span>
					<span>设计师：Mrs.T</span>
				</div>
			</div>
		</div>
	</div>
	<!--手机端底部-->
	<div class="footer2 visible-xs">
		<ul>
			<li><a href="index.html"><span class="glyphicon glyphicon-home">首页</span></a></li>
			<li><a href="../tangshiMedia/htmls/serverTwo.html"><span class="glyphicon glyphicon-shopping-cart">服务</span></a></li>
			<li><a href="javascript:;"><span class="glyphicon glyphicon-th-list">分类</span></a></li>
			<li><a href="../tangshiMedia/htmls/teamwork.html"><span class="glyphicon glyphicon-phone-alt">合作</span></a></li>
			<li class="myself">
				<a href="javascript:;"><span class="glyphicon glyphicon-user">我的</span></a>
				
				
			</li>
		</ul>
	</div>
	<!--登录框-->
	<div class="LoginBox">
		<ul id="LoginUl" class="nav nav-tabs">
			<li class="active">
				<a href="#login" data-toggle="tab" id="dl1">登录</a>
			</li>
			<li>
				<a href="#register" data-toggle="tab" id="zc1">注册</a>
			</li>
		</ul>
		<span class="back glyphicon glyphicon-remove"></span>
		<div id="myTabContent" class="tab-content">
			<div class="tab-pane fade in active" id="login">
				<p class="tishi"></p>
				<div class="userBox">
					<i></i>
					<input type="text" name="" id="user" value="" placeholder="手机/邮箱/用户名" />
				</div>
				<div class="passwordBox">
					<i></i>
					<input type="text" name="" id="password" value="" placeholder="密码" />
				</div>
				<input type="submit" name="denglu" id="denglu" value="登录" />
				<img src="img/baidu.png" alt="错误" class="Bd"/>
			</div>
			<div class="tab-pane fade" id="register">
				<p class="tishi2"></p>
				<div class="userBox1">
					<i></i>
					<input type="text" name="" id="user1" value="" placeholder="手机/邮箱/用户名" />
				</div>
				<div class="passwordBox1">
					<i></i>
					<input type="text" name="" id="password1" value="" placeholder="密码" />
				</div>
				<div class="phoneBox">
					<i></i>
					<input type="text" name="" id="phone" value="" placeholder="注册手机" />
				</div>
				<input type="submit" name="denglu" id="zhuce" value="注册" />
				<img src="img/baidu.png" alt="错误" class="Bd"/>
			</div>
		</div>
	</div>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.js"></script>
    <script type="text/javascript" src="js/index.js" ></script>
  </body>
</html>
